<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <title>动物产品安全生产监督管理平台</title>
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/font-awesome/css/font-awesome.css}">

    <!-- Toastr style -->
    <link rel="stylesheet" th:href="@{/css/plugins/toastr/toastr.min.css}">

    <!-- Gritter -->
    <link rel="stylesheet" th:href="@{/js/lib/inspinia/js/plugins/gritter/jquery.gritter.css}">

    <link rel="stylesheet" th:href="@{/css/animate.css}">
    <link rel="stylesheet" th:href="@{/css/style.css}">
    <!--自定义样式-->
    <link rel="stylesheet" th:href="@{/css/ry-ui.css}">
    <!--bootstrap-table-->
    <link rel="stylesheet" th:href="@{/js/lib/bootstrap-table/bootstrap-table.min.css}">
    <link rel="stylesheet" th:href="@{/css/plugins/sweetalert/sweetalert.css}">
    <!--bootstrap-duallistbox-->
    <link rel="stylesheet" th:href="@{/css/plugins/bootstrap-duallistbox/bootstrap-duallistbox.min.css}">
    <link rel="stylesheet" th:href="@{/css/plugins/iCheck/custom.css}">
    <link rel="stylesheet" th:href="@{/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css}">
    <!-- jqueryEditableSelect -->
    <link rel="stylesheet" th:href="@{/css/jqueryEditableSelect/jquery.editable-select.css}">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=171c5fec7b6b2c4de64c370c1d9e4aff&services=&t=20200327103013"></script>
    <!--end-->
</head>
<body style="overflow: auto;">
<!--模态框-->
    <div class="modal-dialog  modal-lg" style="width: 1200px;display: none;" id="mainModal">
        <div class="modal-content animated bounceInRight">
            <div class="modal-header">
                <h4 class="modal-title">企业注册</h4>
            </div>
            <div class="modal-body">
                <!--@*模态框body*@-->
                <div class="tabs-container">
                    <form class="form-horizontal" id="myform">
                        <div class="panel-body form-horizontal">
                            <div class="row">
                                <label class="col-lg-2 control-label"><font color="red">*</font>企业名称</label>
                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <input type="text" id="text_enterpriseName" name="text_enterpriseName" placeholder="企业名称" autocomplete="off" class="form-control">
                                    </div>
                                </div>
                                <label class="col-lg-2 control-label"><font color="red">*</font>企业类型</label>
                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <select id='text_types' name='text_types' class="form-control" placeholder="企业类型">
                                            <option value="1" selected>养殖企业</option>
                                            <option value="0">屠宰企业</option>
                                            <option value="2">无害化企业</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <label class="col-lg-2 control-label"><font color="red">*</font>法人名称</label>
                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <input type="text" id="text_userName" name="text_userName" placeholder="法人名称" autocomplete="off" class="form-control">
                                    </div>
                                </div>
                                <label class="col-lg-2 control-label"><font color="red">*</font>联系方式</label>
                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <input type="text" id="text_phone" name="text_phone" placeholder="11位手机号或座机（区号-数字）" autocomplete="off" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <label class="col-lg-2 control-label"><font color="red">*</font>地址</label>
                                <div class="col-lg-2">
                                    <div class="form-group">
                                        <select id='text_cityCode' name='text_cityCode' class="form-control" placeholder="城市编码">

                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-2">
                                    <div class="form-group">
                                        <select id='text_districtCode' name='text_districtCode' class="form-control" placeholder="区县编码">

                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-2">
                                    <div class="form-group">
                                        <select id='text_townCode' name='text_townCode' class="form-control" placeholder="乡镇编码">

                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <input type="text" id="text_address" name="text_address" placeholder="详细地址" autocomplete="off" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <label class="col-lg-2 control-label">投资规模（元）</label>
                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <input type="number" id="text_investment" name="text_investment" placeholder="投资规模（元）" autocomplete="off" class="form-control">
                                    </div>
                                </div>
                                <label class="col-lg-2 control-label">占地面积（平米）</label>
                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <input type="number" id="text_area" name="text_area" placeholder="占地面积" autocomplete="off" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <label class="col-lg-2 control-label">地理位置</label>
                                <div class="col-lg-10">
                                    <div class="form-group">
                                        <div class="input-group">
                                            <input type="text" class="form-control" id="text_location" name="text_location" placeholder="请选择地理位置" autocomplete="off" readonly>
                                            <div class="input-group-addon"><a href="javascript:void(0)" id="showMap" >选择</a></div>
                                        </div>
                                    </div>
                                </div>
                                <label class="col-lg-2 control-label"><font color="red">*</font>统一信用代码/身份证号</label>
                                <div class="col-lg-10">
                                    <div class="form-group">
                                        <input type="text" id="text_iDCard" name="text_iDCard" placeholder="统一信用代码/身份证号" autocomplete="off" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div id="otherInfoContainer">
                                <div class="row">
                                    <label class="col-lg-2 control-label">畜禽标识代码</label>
                                    <div class="col-lg-10">
                                        <div class="form-group">
                                            <input type="text" id="text_identification" name="text_identification" placeholder="畜禽标识代码" autocomplete="off" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <label class="col-lg-2 control-label">动物防疫条件合格证号</label>
                                    <div class="col-lg-10">
                                        <div class="form-group">
                                            <input type="text" id="text_certificate" name="text_certificate" placeholder="动物防疫条件合格证号" autocomplete="off" class="form-control">
                                        </div>
                                    </div>
                                    <label class="col-lg-2 control-label">动物防疫条件合格证编码</label>
                                    <div class="col-lg-10">
                                        <div class="form-group">
                                            <input type="text" id="text_certificateCode" name="text_certificateCode" placeholder="动物防疫条件合格证编码" autocomplete="off" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <label class="col-lg-2 control-label">防疫条件合格证经营范围</label>
                                    <div class="col-lg-10">
                                        <div class="form-group">
                                            <input type="text" id="text_scope" name="text_scope" placeholder="防疫条件合格证经营范围" autocomplete="off" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <label class="col-lg-2 control-label"><font color="red">*</font>饲养动物种类</label>
                                    <div class="col-lg-10">
                                        <div class="form-group">
                                            <select id='text_animal' name='text_animal' class="form-control" placeholder="饲养动物种类">
                                                <option value="1" selected>猪</option>
                                                <option value="2">肉牛</option>
                                                <option value="3">奶牛</option>
                                                <option value="4">羊</option>
                                                <option value="5">蛋鸡</option>
                                                <option value="6">蛋鸭</option>
                                                <option value="7">肉鸡</option>
                                                <option value="8">肉鸭</option>
                                                <option value="9">其他牲畜</option>
                                                <option value="10">其他家禽</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row" id="text_animal_name_show" hidden>
                                    <label class="col-lg-2 control-label"><font color="red">*</font></label>
                                    <div class="col-lg-10">
                                        <div class="form-group">
                                            <input id="text_animal_name" type="text" placeholder="请输入饲养动物种类" name='text_animal_name' class="form-control"/>
                                        </div>
                                    </div>
                                </div>
                                <div  id="livestockContainer">
                                    <div class="row">
                                        <label class="col-lg-2 control-label"></label>
                                        <label class="col-lg-2 control-label">种公畜数</label>
                                        <div class="col-lg-8">
                                            <div class="form-group">
                                                <input type="number" id="text_species" name="text_species" placeholder="种公畜数" autocomplete="off" class="form-control">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label class="col-lg-2 control-label">初始化存栏数</label>
                                        <label class="col-lg-2 control-label">后备母畜数</label>
                                        <div class="col-lg-8">
                                            <div class="form-group">
                                                <input type="number" id="text_reserve" name="text_reserve" placeholder="后备母畜数" autocomplete="off" class="form-control">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label class="col-lg-2 control-label"></label>
                                        <label class="col-lg-2 control-label">能繁母畜数</label>
                                        <div class="col-lg-8">
                                            <div class="form-group">
                                                <input type="number" id="text_menstruation" name="text_menstruation" placeholder="能繁母畜数" autocomplete="off" class="form-control">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label class="col-lg-2 control-label"></label>
                                        <label class="col-lg-2 control-label">哺乳牲畜</label>
                                        <div class="col-lg-8">
                                            <div class="form-group">
                                                <input type="number" id="text_lactation" name="text_lactation" placeholder="哺乳牲畜" autocomplete="off" class="form-control">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label class="col-lg-2 control-label"></label>
                                        <label class="col-lg-2 control-label">保育牲畜</label>
                                        <div class="col-lg-8">
                                            <div class="form-group">
                                                <input type="number" id="text_conservation" name="text_conservation" placeholder="保育牲畜" autocomplete="off" class="form-control">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label class="col-lg-2 control-label"></label>
                                        <label class="col-lg-2 control-label">育成畜数</label>
                                        <div class="col-lg-8">
                                            <div class="form-group">
                                                <input type="number" id="text_commodity" name="text_commodity" placeholder="育成畜数" autocomplete="off" class="form-control">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row" id="livestockContainer1" style="display: none;">
                                    <label class="col-lg-2 control-label">初始化存栏数</label>
                                    <div class="col-lg-10">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" class="form-control" id="text_livestock" name="text_livestock" placeholder="初始化存栏数" autocomplete="off">
                                                <div class="input-group-addon">头/只/羽</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <label class="col-lg-2 control-label"><font color="red">*</font>登录账号</label>
                                <div class="col-lg-10">
                                    <div class="form-group">
                                        <input type="text" id="text_loginID" name="text_loginID" placeholder="登录账号" autocomplete="off" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <label class="col-lg-2 control-label"><font color="red">*</font>登录密码</label>
                                <div class="col-lg-10">
                                    <div class="form-group">
                                        <input type="password" id="text_password" name="text_password" placeholder="登录密码" autocomplete="off" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <label class="col-lg-2 control-label"><font color="red">*</font>确认密码</label>
                                <div class="col-lg-10">
                                    <div class="form-group">
                                        <input type="password" id="text_passwordConfirm" name="text_passwordConfirm" placeholder="确认密码" autocomplete="off" class="form-control">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>

                <!--模态框body结束-->
            </div>
            <div class="modal-footer">
                <button type="button" id="save" name="save" class="btn btn-success" onclick="saveRecord();"><i class="fa fa-check"></i>&nbsp;提交注册</button>
            </div>
        </div>

    </div>


<div id="mapModal" class="modal-dialog  modal-lg" role="dialog" style="display: none">
    <div class="modal-content animated bounceInRight">
        <div class="modal-header">
            <h4 class="modal-title">坐标选取</h4>
        </div>
        <div class="modal-body" style="padding-bottom: 0">
            <!--@*模态框body*@-->
            <div class="tabs-container">
                <div class="row">
                    <label class="col-lg-2 control-label" style="line-height: 34px;text-align: right;">关键字</label>
                    <div class="col-lg-8">
                        <div class="form-group">
                            <input type="text" id="text_keywords" name="text_keywords" placeholder="输入关键字搜索位置，点击地图选择坐标" autocomplete="off" class="form-control">
                        </div>
                    </div>
                    <div  class="col-lg-2">
                        <button type="button" id="search" name="search" class="btn btn-success" onclick="theLocation();">&nbsp;搜索</button>
                    </div>
                </div>
                <div id="allmap" style="width: 800px;height: 480px;"></div>
                <div class="row" style="margin-top: 10px;text-align: right;">
                    <label class="col-lg-offset-6 col-lg-2 control-label" style="line-height: 34px;text-align: right;">经纬度坐标</label>
                    <div class="col-lg-4">
                        <div class="form-group">
                            <input type="text" id="location" name="location" placeholder="经纬度坐标" autocomplete="off" class="form-control">
                        </div>
                    </div>
                </div>
            </div>
            <!--模态框body结束-->
        </div>
        <div class="modal-footer">
            <button type="button" id="close" name="save" class="btn btn-default" onclick="closeMapModal();"><i class="fa fa-close"></i>关闭</button>
            <button type="button" id="ok" name="save" class="btn btn-success" onclick="mapOk();"><i class="fa fa-check"></i>确定</button>
        </div>
    </div>
</div>

</body>

<!--表单验证-->
<script th:src="@{/js/lib/inspinia/js/jquery-2.1.1.js}"></script>
<script th:src="@{/js/lib/validate/jquery.validate.min.js}"></script>
<script th:src="@{/js/lib/inspinia/js/bootstrap.min.js}"></script>
<script th:src="@{/js/lib/inspinia/js/plugins/metisMenu/jquery.metisMenu.js}"></script>
<script th:src="@{/js/lib/inspinia/js/plugins/slimscroll/jquery.slimscroll.min.js}"></script>

<!-- Custom and plugin javascript -->
<script th:src="@{/js/lib/inspinia/js/inspinia.js}"></script>
<script th:src="@{/js/lib/inspinia/js/plugins/pace/pace.min.js}"></script>

<!-- jQuery UI -->
<script th:src="@{/js/lib/inspinia/js/plugins/jquery-ui/jquery-ui.min.js}"></script>
<!-- GITTER -->
<script th:src="@{/js/lib/inspinia/js/plugins/gritter/jquery.gritter.min.js}"></script>

<!-- Sparkline -->
<script th:src="@{/js/lib/inspinia/js/plugins/sparkline/jquery.sparkline.min.js}"></script>

<!--Vue-->
<script th:src="@{/js/lib/vue/vue.js}"></script>
<script th:src="@{/js/lib/vue/axios.min.js}"></script>
<script th:src="@{/js/lib/jquery/jquery.cookie.js}"></script>
<!--c_de3加密-->
<script th:src="@{/js/c_des3.js}"></script>
<script th:src="@{/js/DES3.js}"></script>

<script th:src="@{/js/lib/inspinia/js/plugins/sweetalert/sweetalert.min.js}"></script>
<!-- Toastr script -->
<script th:src="@{/js/lib/inspinia/js/plugins/toastr/toastr.min.js}"></script>
<!--bootstrap-duallistbox-->
<script th:src="@{/js/lib/bootstrap-duallistbox/jquery.bootstrap-duallistbox.js}"></script>
<!-- iCheck -->
<script th:src="@{/js/lib/inspinia/js/plugins/iCheck/icheck.min.js}"></script>
<script th:src="@{/js/lib/inspinia/js/plugins/laydate/laydate.js}"></script>
<script th:src="@{/js/register/enterprise.js}"></script>
<!-- jqueryEditableSelect -->
<script th:src="@{/js/lib/jqueryEditableSelect/jquery.editable-select.js}"></script>
<script type="text/javascript">
    Enterprise.init();
</script>
</html>
